<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:sijyp="http://java.sun.com/jsf/composite/sijyp"
	>

<script type="text/javascript">
		$(document).ready(function() {
			$('input[type="text"]').change(function() {			
				$(this).val($.trim($(this).val().toUpperCase()));
				$(this).val(normalize($(this).val()));
				});
			$('textarea').change(function(){
			     $(this).val($.trim($(this).val().toUpperCase()));
			});
			$(this).val(normalize($(this).val()));
			
		});
		
		
	</script>
	<rich:graphValidator value="#{personasController}" id="gv">
		<rich:messages for="gv" />
		<h:panelGrid columns="3" columnClasses="col33,col33,col33"
			width="100%">
			<h:panelGrid>
				<h:outputLabel value="Primer Nombre*:" />
				<h:inputText id="primerNombre" 
					value="#{personasController.personaNatural.primerNombre}"
					required="true" requiredMessage="#{msgVal['constraint.not_null']}">
					<f:validateLength maximum="50" />
					
				</h:inputText>
				<rich:message for="primerNombre" />
			</h:panelGrid>

			<h:panelGrid>
				<h:outputLabel value="Segundo Nombre:" />
				<h:inputText id="segundoNombre"
					value="#{personasController.personaNatural.segundoNombre}">
					<f:validateLength maximum="50" />
				</h:inputText>
				<rich:message for="segundoNombre" />
			</h:panelGrid>

			<h:column />

			<h:panelGrid>
				<h:outputLabel value="Primer Apellido*:" />
				<h:inputText id="primerApellido"
					value="#{personasController.personaNatural.primerApellido}"
					required="true" requiredMessage="#{msgVal['constraint.not_null']}">
					<f:validateLength maximum="50" />
				</h:inputText>
				<rich:message for="primerApellido" />
			</h:panelGrid>

			<h:panelGrid>
				<h:outputLabel value="Segundo Apellido:" />
				<h:inputText id="segundoApellido"
					value="#{personasController.personaNatural.segundoApellido}">
					<f:validateLength maximum="50" />
				</h:inputText>
				<rich:message for="segundoApellido" />
			</h:panelGrid>

			<h:panelGrid>
				<h:outputLabel value="Alias:" />
				<h:inputText id="alias"
					value="#{personasController.personaNatural.alias}">
					<f:validateLength maximum="150" />
				</h:inputText>
				<rich:message for="alias" />
			</h:panelGrid>

			<h:panelGrid>
				<h:outputLabel value="Tipo de documento:" />
				<h:selectOneMenu id="tipoDocumento"
					value="#{personasController.personaNatural.idTipoDocumentoDeIdentidad}">
					<f:selectItem itemLabel="Seleccione ..." itemValue="#{null}"
						noSelectionOption="true" />
					<f:selectItems
						value="#{personasController.selectItemHelper.tipoDocumentoPersona}" />
				</h:selectOneMenu>
				<rich:message for="tipoDocumento" />
			</h:panelGrid>

			<h:panelGrid>
				<h:outputLabel value="Número de documento:" />
				<h:inputText id="numeroDocumento"
					value="#{personasController.personaNatural.numeroIdentificacion}">
					<f:validateLength maximum="20" />
				</h:inputText>
				<rich:message for="numeroDocumento" />
			</h:panelGrid>

			<h:panelGrid>
				<h:outputLabel value="Fecha de expedicion:" />
				<rich:calendar id="fechaExpedicion"
					value="#{personasController.personaNatural.fechaExpedicion}"
					enableManualInput="true" datePattern="dd/MM/yyyy">
					<rich:placeholder value="dd/mm/aaaa" />
					<rich:validator />
				</rich:calendar>

			</h:panelGrid>



			<h:panelGrid>
				<h:outputLabel value="Pais de expedición:" />
				<h:selectOneMenu id="pais" disabled="true"
					valueChangeListener="#{personasController.ubicacionFiltradoListenerDocumento.paisValueChange}"
					value="#{personasController.personaNatural.idPaisDocumentoDeidentidad}">
					<f:selectItem itemLabel="Seleccione ..." itemValue="#{null}"
						noSelectionOption="true" />
					<f:selectItems
						value="#{personasController.selectItemHelper.paises}" />
					<f:ajax event="change" render="departamento municipio" />
				</h:selectOneMenu>
				<rich:message for="pais" showSummary="true" showDetail="false"
					styleClass="validationErrorMessage" />
			</h:panelGrid>

			<h:panelGrid>
				<h:outputLabel value="Departamento de expedicion:" />
				<h:selectOneMenu id="departamento" disabled="false"
					valueChangeListener="#{personasController.ubicacionFiltradoListenerDocumento.departamentoValueChange}"
					value="#{personasController.personaNatural.iddepartamentodocumentodeidentidad}">
					<f:selectItem itemLabel="Seleccione ..." itemValue="#{null}"
						noSelectionOption="true" />
					<f:selectItems
						value="#{personasController.selectItemHelper.departamentos}" />
					<f:ajax event="change" render="municipio" />
				</h:selectOneMenu>
				<rich:message for="departamento" showSummary="true"
					showDetail="false" styleClass="validationErrorMessage" />
			</h:panelGrid>

			<h:panelGrid>
				<h:outputLabel value="Municipio de expedicion:" />
				<h:selectOneMenu id="municipio"
					disabled="#{personasController.disabledDocumento['municipio']}">
					<f:selectItem itemLabel="Seleccione ..." itemValue="#{null}"
						noSelectionOption="true" />
				</h:selectOneMenu>
				<rich:message for="municipio" showSummary="true" showDetail="false"
					styleClass="validationErrorMessage" />
			</h:panelGrid>


			<h:panelGrid>
				<h:outputLabel value="Fecha de nacimiento:" />
				<rich:calendar id="fechaNacimiento"
					value="#{personasController.personaNatural.fechaNacimiento}"
					enableManualInput="true" datePattern="dd/MM/yyyy">
					<rich:placeholder value="dd/mm/aaaa" />
					<a4j:ajax execute="@this" listener="#{personasController.calcularEdad}" render="edad" />
				</rich:calendar>
				<rich:message for="fechaNacimiento" />
			</h:panelGrid>

			<h:panelGrid>
				<h:outputLabel value="Edad:" />
				<h:inputText id="edad" disabled="true" value="#{personasController.edad}" />
				<rich:message for="edad" />
			</h:panelGrid>

			<h:panelGrid>
				<h:outputLabel value="Orientacion Sexual:" />
				<h:selectOneMenu id="orientacionSexual"
					value="#{personasController.personaNatural.idtendenciasexual}">
					<f:selectItem itemLabel="Seleccione ..." itemValue="#{null}"
						noSelectionOption="true" />
					<f:selectItems
						value="#{personasController.selectItemHelper.orientacionSexual}" />
				</h:selectOneMenu>
				<rich:message for="orientacionSexual" />
			</h:panelGrid>

		</h:panelGrid>
	</rich:graphValidator>
	<f:subview id="ubicacionNacimiento">
		<h:panelGrid columns="3" columnClasses="col33,col33,col33"
			width="100%">
			<h:panelGrid>
				<h:outputLabel value="Pais de Nacimiento:" />
				<h:selectOneMenu id="pais"
					value="#{personasController.personaNatural.idpaisdenacimiento}"
					disabled="true"
					valueChangeListener="#{personasController.ubicacionFiltradoListenerNacimiento.paisValueChange}">
					<f:selectItem itemLabel="Seleccione ..." itemValue="#{null}"
						noSelectionOption="true" />
					<f:selectItems
						value="#{personasController.selectItemHelper.paises}" />
					<f:ajax event="change" render="departamento municipio" />
				</h:selectOneMenu>
				<rich:message for="pais" showSummary="true" showDetail="false"
					styleClass="validationErrorMessage" />
			</h:panelGrid>

			<h:panelGrid>
				<h:outputLabel value="Departamento de Nacimiento:" />
				<h:selectOneMenu id="departamento"
					valueChangeListener="#{personasController.ubicacionFiltradoListenerNacimiento.departamentoValueChange}"
					requiredMessage="#{msgVal['constraint.not_null']}"
					value="#{personasController.personaNatural.iddepartamentonacimineto}">
					<f:selectItem itemLabel="Seleccione ..." itemValue="#{null}"
						noSelectionOption="true" />
					<f:selectItems
						value="#{personasController.selectItemHelper.departamentos}" />
					<f:ajax event="change" render="municipio" />
				</h:selectOneMenu>
				<rich:message for="departamento" showSummary="true"
					showDetail="false" styleClass="validationErrorMessage" />
			</h:panelGrid>

			<h:panelGrid>
				<h:outputLabel value="Municipio de nacimiento:" />
				<h:selectOneMenu id="municipio"
					requiredMessage="#{msgVal['constraint.not_null']}"
					value="#{personasController.personaNatural.idmunicipionacimiento}">
					<f:selectItem itemLabel="Seleccione ..." itemValue="#{null}"
						noSelectionOption="true" />
				</h:selectOneMenu>
				<rich:message for="municipio" showSummary="true" showDetail="false"
					styleClass="validationErrorMessage" />
			</h:panelGrid>
		</h:panelGrid>
	</f:subview>

	<h:panelGrid columns="3" columnClasses="col33,col33,col33" width="100%">
		<h:panelGrid>
			<h:outputLabel value="Estado civil:" />
			<h:selectOneMenu id="estadoCivil"
				value="#{personasController.personaNatural.idestadocivil}">
				<f:selectItem itemLabel="Seleccione ..." itemValue="#{null}"
					noSelectionOption="true" />
				<f:selectItems
					value="#{personasController.selectItemHelper.estadoCivil}" />

			</h:selectOneMenu>
			<rich:message for="estadoCivil" />
		</h:panelGrid>

		<h:panelGrid>
			<h:outputLabel value="Sexo:" />
			<h:selectOneMenu id="sexo"
				value="#{personasController.personaNatural.idgenero}">
				<f:selectItem itemLabel="Seleccione ..." itemValue="#{null}"
					noSelectionOption="true" />
				<f:selectItems value="#{personasController.selectItemHelper.sexo}" />
			</h:selectOneMenu>
			<rich:message for="sexo" />
		</h:panelGrid>

		<h:panelGrid>
			<h:outputLabel value="Raza:" />
			<h:selectOneMenu id="raza"
				value="#{personasController.personaNatural.idraza}">
				<f:selectItem itemLabel="Seleccione ..." itemValue="#{null}"
					noSelectionOption="true" />
				<f:selectItems value="#{personasController.selectItemHelper.raza}" />
			</h:selectOneMenu>
			<rich:message for="raza" />
		</h:panelGrid>

		<h:panelGrid>
			<h:outputLabel value="Grupo Etnico" />
			<h:selectOneMenu id="grupoEtnico"
				value="#{personasController.personaNatural.idgrupos_etnicos}">
				<f:selectItem itemLabel="Seleccione ..." itemValue="#{null}"
					noSelectionOption="true" />
				<f:selectItems
					value="#{personasController.selectItemHelper.grupoEtnico}" />
			</h:selectOneMenu>
			<rich:message for="grupoEtnico" />
		</h:panelGrid>

		<h:panelGrid>
			<h:outputLabel value="Tipo sanguineo:" />
			<h:selectOneMenu id="tipoSanguineo"
				value="#{personasController.personaNatural.idgruposanguineo}">
				<f:selectItem itemLabel="Seleccione ..." itemValue="#{null}"
					noSelectionOption="true" />
				<f:selectItems
					value="#{personasController.selectItemHelper.gruposanguineo}" />
			</h:selectOneMenu>
			<rich:message for="tipoSanguineo" />
		</h:panelGrid>

		<h:panelGrid>
			<h:outputLabel value="Nivel educatico:" />
			<h:selectOneMenu id="nivelEducativo"
				value="#{personasController.personaNatural.idniveleducacion}">
				<f:selectItem itemLabel="Seleccione ..." itemValue="#{null}"
					noSelectionOption="true" />
				<f:selectItems
					value="#{personasController.selectItemHelper.niveleducacion}" />
			</h:selectOneMenu>
			<rich:message for="nivelEducativo" />
		</h:panelGrid>


		<h:panelGrid>
			<h:outputLabel value="Religión:" />
			<h:selectOneMenu id="religion"
				value="#{personasController.personaNatural.idreligion}">
				<f:selectItem itemLabel="Seleccione ..." itemValue="#{null}"
					noSelectionOption="true" />
				<f:selectItems
					value="#{personasController.selectItemHelper.religion}" />
			</h:selectOneMenu>
			<rich:message for="religion" />
		</h:panelGrid>

		<h:panelGrid>
			<h:outputLabel value="Orientacion Politica:" />
			<h:selectOneMenu id="orientacionPolitica"
				value="#{personasController.personaNatural.idpartido_politico}">
				<f:selectItem itemLabel="Seleccione ..." itemValue="#{null}"
					noSelectionOption="true" />
				<f:selectItems
					value="#{personasController.selectItemHelper.orientacionPolitica}" />
			</h:selectOneMenu>
			<rich:message for="orientacionPolitica" />
		</h:panelGrid>

		<h:panelGrid>
			<h:outputLabel value="Discapacidad:" />
			<h:selectOneMenu id="discapacidad"
				value="#{personasController.personaNatural.idtipodiscapacidad}">
				<f:selectItem itemLabel="Seleccione ..." itemValue="#{null}"
					noSelectionOption="true" />
				<f:selectItems
					value="#{personasController.selectItemHelper.discapacidad}" />
			</h:selectOneMenu>
			<rich:message for="discapacidad" />
		</h:panelGrid>


		<h:panelGrid>
			<h:outputLabel value="Estado*:" />
			<h:selectOneMenu id="estado"
				value="#{personasController.personaNatural.estado}" required="true"
				requiredMessage="#{msgVal['constraint.not_null']}">
				<f:selectItem itemLabel="Seleccione ..." itemValue="#{null}"
					noSelectionOption="true" />
				<f:selectItems value="#{personasController.selectItemHelper.estado}" />
			</h:selectOneMenu>
			<rich:message for="estado" />
		</h:panelGrid>

		<h:panelGrid>
			<h:outputLabel value="Profesion:" />
			<h:selectOneMenu id="profesion"
				value="#{personasController.personaNatural.idprofesion}">
				<f:selectItem itemLabel="Seleccione ..." itemValue="#{null}"
					noSelectionOption="true" />
				<f:selectItems
					value="#{personasController.selectItemHelper.profesion}" />
			</h:selectOneMenu>
			<rich:message for="profesion" />
		</h:panelGrid>

		<h:panelGrid>
			<h:outputLabel value="Oficio:" />
			<h:inputText id="oficio"
				value="#{personasController.personaNatural.oficio}">
				<f:validateLength maximum="150" />
			</h:inputText>
			<rich:message for="oficio" />
		</h:panelGrid>


	</h:panelGrid>

	<h:panelGrid columns="1" width="100%">
		<h:outputLabel value="Observaciones:" />
		<h:inputTextarea id="observaciones"
			value="#{personasController.personaNatural.observacion}" width="100%">
			<f:validateLength maximum="250" />
		</h:inputTextarea>
		<rich:message for="observaciones" />
	</h:panelGrid>







</ui:composition>
